.sy-team .team-scroll{
    position: relative;
}
.team-scroll .buttons {
    display: block;
    position: absolute;
    top: 100px;
    left: 0px;
    width: 25px;
    height: 60px;
    color: #cccccc;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    margin-top: -30px;
    cursor: pointer;

}
.team-scroll .buttons:hover {
    background-color: rgba(0,0,0,0.1);
}
.team-scroll .prev {
    background-image: url(../img/arr01.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.team-scroll .next {
    right: 0px;
    left: auto;
    background-image: url(../img/arr02.png);
    background-position: center center;
    background-repeat: no-repeat;
}
#slider1 {
    position: relative;
    margin: 60px auto;
    padding: 0;
    width: 784px;
    height: 220px;
}

#slider1 .content {
    width: 1280px;
    height: 180px;
    margin-bottom: 40px;
    text-align: left;
}
#slider1 .content .dr-list{

}
#slider1 .content .dr-list li{
    display: inline-block;
    float: left;
    margin: 0 10px;
    width: 176px;
    height: 176px;
}
#slider1 .content .dr-list li .item{
    position: relative;
    width: 176px;
    height: 176px;
    overflow: hidden;
}
#slider1 .content .dr-list li .item img{
    display: inline-block;
    width: 176px;
    /*height: 176px;*/
}
#slider1 .content .dr-list li .item:hover .info{
    top: 0;
    transition:top 0.5s;
    -moz-transition:top 0.5s; /* Firefox 4 */
    -webkit-transition:top 0.5s; /* Safari and Chrome */
    -o-transition:top 0.5s; /* Opera */
}
#slider1 .content .dr-list li .item .info{
    position: absolute;
    top: 180px;
    left: 0;
    height: 176px;
    width: 176px;
    background: #000000;
    text-align: left;
    padding-left: 10px;
    opacity: 0.65;
    -moz-opacity: 0.65;
}
#slider1 .content .dr-list li .item .info p{
    color: #ffffff;
    width: 90%;
    text-align: center;
}
#slider1 .content .dr-list li .item .info .name{
    margin-top: 66px;
    font-size: 22px;
    line-height: 22px;
    border-left: 2px solid #ffffff;
    border-right: 3px solid #ffffff;
}
#slider1 .content .dr-list li .item .info .intr{
    font-size: 10px;
}

#slider3 {
    margin: -105px 0 0;
    overflow: hidden;
    position: relative;
    padding: 0 40px 10px;
}
#slider3 .viewport {
    height: 390px;
    width: 930px;
    overflow: hidden;
    position: relative;
}
#slider3 .buttons {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 25px;
    height: 60px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    margin-top: -30px;
    cursor: pointer;
}
#slider3 .buttons:hover {
    background-color: rgba(0,0,0,0.1);
}
#slider3 .prev {
    background-image: url(../img/arr05.png);
    background-position: center center;
    background-repeat: no-repeat;
}
#slider3 .next {
    right: 0;
    left: auto;
    background-image: url(../img/arr06.png);
    background-position: center center;
    background-repeat: no-repeat;
}
#slider3 .overview {

}
#slider3 .overview li{
    display: inline-block;
    float: left;
    width: 310px;
}
#slider3 .overview li .item{
    position: relative;
    margin: 0 20px 20px 0;
    height: 180px;
    width: 290px;
    overflow: hidden;
}
#slider3 .overview li .item:hover .info{
    top: 126px;
    transition:top 0.5s;
    -moz-transition:top 0.5s; /* Firefox 4 */
    -webkit-transition:top 0.5s; /* Safari and Chrome */
    -o-transition:top 0.5s; /* Opera */
}
#slider3 .overview li .info{
    position: absolute;
    top: 200px;
    left: 0;
    height: 180px;
    width: 290px;
    background: #161618;
    text-align: left;
    padding-left: 10px;
}
#slider3 .overview li .info .name{
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
}
#slider3 .overview li .info .position{
    color: #7b7b7b;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 275px;
    font-size: 12px;
}
#slider3 .overview li .info p .icon_position{
    display: inline-block;
    background: url(../img/position.png) center center no-repeat;
    width: 9px;
    height: 14px;
    margin: 1px 2px 0 0;
    vertical-align: -1px;
}
.mb-wrapper{margin:0 auto 20px;position:relative; height:500px;left:0;top:0}
.mb-slider,.mb-scroll{width:100%;height:380px;overflow:hidden;margin:0 auto;padding:0;position:relative;left:0;top:0}
.mb-active-slider{border-color:#333}
.mb-slider .mb-panel{margin-top:100px;display:block;cursor:pointer;float:left;list-style:none}
.mb-panel a{outline:0}
.mb-slider .mb-panel.current{cursor:auto}
.mb-inside *{max-width:100%}
a.mb-scrollButtons{display:block;width:45px;height:58px;background:transparent url(../images/arrows.png) no-repeat;position:absolute;top:40%;margin-top:-29px;cursor:pointer;text-decoration:none;outline:0;border:0;_background:transparent url(../images/arrows.gif) no-repeat}
a.mb-scrollButtons.mb-left{background-position:left top;left:-45px}
a.mb-scrollButtons.mb-right{background-position:right top;right:-45px}
a.mb-scrollButtons.mb-left:hover{background-position:left bottom}
a.mb-scrollButtons.mb-right:hover{background-position:right bottom}
a.mb-scrollButtons.disabled{display:none}
.mb-controls{margin:0 auto;text-align:center;position:absolute; top:350px; left:560px;z-index:100}
.mb-controls a{color:#666;font:18px/2.2 Georgia, Serif;display:inline-block;text-decoration:none;padding:2px;margin:0 5px 0 0;text-align:center;outline:0}
.mb-panel{margin-top:90px}
.mb-controls a:hover{color:black}
.mb-controls a.current{color:#900}
.main-nav{display:block; text-align:center; border-bottom:2px solid #a71700;margin:0 0 20px 0;padding:0 0 10px 0}
.main-nav a{text-decoration:none;color:#3e63ec;font-size:18px;margin:0 8px}
.main-nav a:hover{color:black;border-bottom:2px solid black}
.mb-inside img{width:100%}

img.mb-scrollButtons{
    display: block;
    position: absolute;
    top: 50%;
    width: 9px;
    height: 16px;
    color: #125f7e;
    text-align: center;
    margin-top: -8px;
    cursor: pointer;
    z-index: 10;
}
img.mb-left{
    left: -10px;
}
img.mb-right{
    right: -10px;
}
